<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
		</head>
	<body>
		<button type="button">自定义插件</button>
		
		<script type="text/javascript">
		<!-- 方法一、在$本身扩展方法 -->
			$.extend({
				myPlug(){
					console.log("在$本身扩展的方法");
				}
			})
			
			$("button").on("click", $.myPlug );
			console.dir($); //myPlug方法 显示在$本身
			
		// 方法二、在$原型上	扩展方法
			$.fn.extend({
				myPlug2 () {
					// this指向此方法调用的对象
					console.log("在$原型上扩展方法myPlug2",this)
				}
			})
			$('button').on("click", $(this).myPlug2);//this指向<button type="button">自定义插件</button>
			
			
		</script>
		
		
		
		
	</body>
</html>
